<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <title>Happy Birthday!</title>
    <link type="text/css" rel="stylesheet" href="./css/index.css" />
    <link type="text/css" rel="stylesheet" href="./css/animate.min.css" />
    <link type="text/css" rel="stylesheet" href="./css/animate.css" />
    <script src="./js/zepto.js"></script>
</head>

<body>
    <div class="main">
        <div class="bg">
            <div class="animate__animated animate__pulse mytitle" id="title"
                style="font-size: 75px; font-weight: bold; color: pink; animation-name: pulse; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate;">
                准备好了吗ヾ(≧▽≦*)o</div>
            <button class="start">开始吧</button>
            <div class="counter animated zoomIn">3</div>
        </div>
        <div class="bg animated zoomIn">
            <img src="./img/1.png">
        </div>
        <div class="bg animated zoomIn">
            <img src="./img/2.png">
        </div>
        <div class="bg animated zoomIn">
            <img src="./img/3.png">
        </div>
        <div class="bg animated zoomIn">
            <img src="./img/4.png">
        </div>
    </div>
    <audio id="bgm" src="./audio/adln.mp3" preload="auto" loop="loop" autoplay="autoplay" type="audio/mp3"></audio>
    <script src="./js/index.js">

    </script>
</body>

</html>